<%--
  Created by IntelliJ IDEA.
  User: food
  Date: 2022/11/1
  Time: 4:01 下午
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<section>
    <!-- 登录界面弹出框 -->
    <div class="modal fade container-fluid" id="myModal">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <!-- 模态框内容 -->
                <div class="modal-body row p-0 m-0">
                    <div class=" col p-5 pb-0 w-50">
                        <div class="pt-0 m-0">
                            <div class="">
                                <div class=" text-center"><svg class=""
                                                               style="color: #d5a770;width: 90px;height:90px;"
                                                               xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                               fill="currentColor" class="bi bi-person" viewBox="0 0 16 16">
                                    <path
                                            d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z" />
                                </svg></div><br>
                                <div class="">
                                    <div class="h3 text-center">我是艺术爱好者/收藏家</div>
                                </div>
                            </div>
                            <p class="text-secondary text-center p-2">创建一个账户来保存您喜爱的作品，并收到我们的优惠通知</p>

                            <div class="p-2 text-center" style="background-color: #d5a770;">
                                <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#myModa2">
                                    <a href="${pageContext.request.contextPath}/pages/user/creatUser.jsp" target="_self" data-toggle="modal"
                                       data-target="#pop-registration"
                                       class="button primary  text-white text-decoration-none">创建账户
                                    </a>
                                </button>
                            </div>
                        </div>
                        <div class="text-center">
                            <hr>
                            <div class="small text-secondary p-2">
                                已有账户？<br>
                                <a href="${pageContext.request.contextPath}/pages/user/loginUser.jsp" target="_self" data-toggle="modal"
                                   data-target="#pop-login" class="link or text-dark p-1">登陆</a>
                            </div>
                        </div>
                    </div>
                    <div class="col p-5 pb-0 w-50" style="background-color:#efefef">
                        <div class="">
                            <div class="">
                                <div class="icon icon-ico-user text-center"><svg class=""
                                                                                 style="color: #d5a770;width: 90px;height:90px;"
                                                                                 xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                                                 fill="currentColor" class="bi bi-person" viewBox="0 0 16 16">
                                    <path
                                            d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z" />
                                </svg></div><br>
                                <div class="">
                                    <div class="h3 text-center">我是艺术家</div>
                                </div>
                            </div>
                            <p class="text-secondary text-center p-2">您可以在线申请入驻，之后我们会尽快与您取得联系。</p>
                            <div class="p-3 text-center" style="background-color: #d5a770;"><a
                                    href="../index/管理员后台.html" target="_self" data-toggle="modal"
                                    data-target="#pop-registration"
                                    class="button primary  text-white text-decoration-none">在线申请
                                <i class="icon icon-ico-arrow-new-right"></i></a></div>

                        </div>
                        <!-- 关闭按钮 -->
                        <button type="button" class=" btn   btn-close btn-primary " data-bs-dismiss="modal"
                                style="position: relative;left:-60px;bottom :370px"></button>
                        <!-- 中间标志 -->
                        <div class=" bg-dark text-white  text-center m-auto hidden-xs hidden-sm d-none d-xl-block d-xxl-none "
                             style="width:44px;height:44px;border-radius:44px;line-height:44px;position: relative;left:-200px;bottom :150px">
                            或
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
</body>
</html>
